import React, { Component } from 'react'
// Son要接收App传递的context数据
// 要从context对象上,解构一个组件Consumer
// 注意: 提示数据的Provider和接收数据的Consumer必须是从同一个context对象中解构的
// 由于App.js中先执行了引入的代码,所以context.js第一次引入的时候执行过了,context对象创建出来了. 当后面再次引入context.js的时候,则不会再次创建context对象了.直接将之前创建的context对象返回
import context from '../context'
const { Consumer } = context
export default class Son extends Component {
  render() {
    return (
      <Consumer>
        {(data) => {
          // data是接收到的数据
          return <div>Son, {data}</div>
        }}
      </Consumer>
    )
  }
}
